@(uid: Long,uname:String)(articleList:Seq[(Article,User)], page: Int)
@import views.html.blog
<!DOCTYPE html>
    <html lang="en">
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
            <title>首页 - 心尖偏左</title>
            <meta name="keywords" content="心尖偏左,xjpz,心尖偏左博客,xjpzblog,心尖偏左Blog,心尖依然偏左,scala+play,Scala满足了我对编程语言的所有幻想." />
            <meta name="description" content="心尖偏左Blog是一个用Scala+Play搭建的以分享知识、技术交流为目的的博客系统。博主心尖偏左是一个Scala语言的忠实粉丝，热爱Scala。" />
            <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
                <!-- Baidu token-->
            <meta baidu-gxt-verify-token="543156f215dec24c3063ada0c293bb7a">

                <!-- Qconnect token-->
            <meta property="qc:admins" content="72063461402655" />
                <!-- Bing token-->
            <meta name="msvalidate.01" content="7F16F233D9FAFA8077BBB32446E6A2D2" />
                <!-- Sina weibo token-->
            <meta property="wb:webmaster" content="93c04523a7a83b6a" />

                <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
            <script src="@routes.Assets.versioned("javascripts/jquery.min.js")"></script>
            @*音乐播放器*@
            <script src="@routes.Assets.versioned("javascripts/jquery.simplemusic.js")"></script>

            <link rel="stylesheet" href="@routes.Assets.versioned("stylesheets/base.css")" />
            <link rel="shortcut icon" href="@routes.Assets.versioned("images/favicon.png")" />

                <!-- 新 Bootstrap 核心 CSS 文件 -->
            <link rel="stylesheet" href="@routes.Assets.versioned("stylesheets/bootstrap.min.css")" />

                <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
            <script src="http://cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
            <script>
                var _hmt = _hmt || [];
                (function() {
                    var hm = document.createElement("script");
                    hm.src = "//hm.baidu.com/hm.js?a43a6a0c825c678693fcedd5df8e869d";
                    var s = document.getElementsByTagName("script")[0];
                    s.parentNode.insertBefore(hm, s);
                })();
            </script>

        </head>

        <body>

            @blog.blog_topbar(uid, uname)

                <!-- blog -->
            <div class="bloga" id="bloga">
                    <!-- bloghead -->
                @blog.blog_head()

                <div class="blogb" id="blogb">
                        <!-- blogbody -->
                    @blog.blog_indexbody(articleList,page)

                        <!-- index_right-->
                    @blog.blog_right()
                </div>

            </div>

            @footer.index_footer(2)

        </body>

    </html>

    <script type="text/javascript">

    //异步刷新点赞数
    function smile_numfun(aid){
        var num = document.getElementById("smile_num"+aid).innerText;

        $.ajax({
            headers : {
                'Accept' : 'application/json',
                'Content-Type' : 'application/json'
            },
            url : '/blog/smile/'+ aid,
            type : 'PATCH',
            data : JSON.stringify({}),
            success : function(response, textStatus, jqXhr) {
                if(response.ret == 1){
                    document.getElementById("smile_num"+aid).innerHTML = parseInt(num)+1;
                }else{
                    console.log("Oops");
                }
            }
        });
    }

    /*活跃用户滚动*/
    $(function () {
        var settime;
        $(".scroll-list").hover(function () {
            clearInterval(settime);
        }, function () {
            settime = setInterval(function () {
                var $first = $(".scroll-list ul:first");     //选取div下的第一个ul 而不是li；
                var height = $first.find("li:first").height();      //获取第一个li的高度，为ul向上移动做准备；
                $first.animate({ "marginTop": -height + "px" }, 2000, function () {
                    $first.css({ marginTop: 0 }).find("li:first").appendTo($first); //设置上边距为零，为了下一次移动做准备
                });
            }, 2000);
        }).trigger("mouseleave");       //trigger()方法的作用是触发被选元素的制定事件类型
    });
 </script>

    <script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"1","bdMiniList":["mshare","qzone","tsina","weixin","tieba","sqq","mail","copy","print"],"bdPic":"","bdStyle":"0","bdSize":"16"},"slide":{"type":"slide","bdImg":"1","bdPos":"right","bdTop":"128"},"image":{"viewList":["qzone","tsina","tqq","renren","weixin"],"viewText":"分享到：","viewSize":"16"},"selectShare":{"bdContainerClass":null,"bdSelectMiniList":["qzone","tsina","tqq","renren","weixin"]}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>
